<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>生成婚宴</title>
		<meta name="viewport" content="width=640,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/my_animate.css"/>
		<link rel="stylesheet" type="text/css" href="css/banquet.css" />
	</head>
	

	<body>
		<!--婚宴页-->
		<div class="web">
			<!--音乐-->
				<audio src="audio/1.mp3" class="audio" autoplay="autoplay" loop="loop"></audio>
				<div class="yinye rotate360">
					<img src="images/index/music_ico.png" />
				</div>
			<!--跳回首页-->
			<div class="index">
				<a href="index.html">
					<img src="images/common/home.png" />
				</a>
			</div>
			<!--桌子-->
			<div class="center">
				<div class="banquet_main">
					<!--主宾桌-->
					<div class="guest">
						<div class="table"><img src="images/table.png" />
							<div class="table_num">
								<span class="number">主宾桌</span>
							</div>
						</div>
						<div class="seat"><img src="images/vacancy.png" /></div>
						<div class="seat"><img src="images/vacancy.png" /></div>
						<div class="seat"><img src="images/vacancy.png" /></div>
						<div class="seat"><img src="images/vacancy.png" /></div>
						<div class="seat"><img src="images/vacancy.png" /></div>
						<div class="seat"><img src="images/vacancy.png" /></div>
					</div>
					<!--客宾各桌-->
					<div class="morebito">
						<div class="morebito_table">
							<div class="table"><img src="images/table.png" />
								<div class="table_num">
									第<span class="number">1</span>席
								</div>
							</div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
						</div>
						<div class="morebito_table">
							<div class="table"><img src="images/table.png" />
								<div class="table_num">
									第<span class="number">2</span>席
								</div>
							</div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
						</div>
						<div class="morebito_table">
							<div class="table"><img src="images/table.png" />
								<div class="table_num">
									第<span class="number">3</span>席
								</div>
							</div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
						</div>
						<div class="morebito_table">
							<div class="table"><img src="images/table.png" />
								<div class="table_num">
									第<span class="number">4</span>席
								</div>
							</div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
						</div>
						<div class="morebito_table">
							<div class="table"><img src="images/table.png" />
								<div class="table_num">
									第<span class="number">5</span>席
								</div>
							</div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
						</div>
						<div class="morebito_table">
							<div class="table"><img src="images/add_table.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
							<div class="seat"><img src="images/vacancy.png" /></div>
						</div>
					</div>
				</div>
			</div>

			<!--名字-->
			<div class="banquet_whose">
				<div class="img_whose"><img src="images/whose.png" /></div>
				<div class="name">小李子</div>
			</div>
			<!--底部按钮-->
			<div class="banquet_scfx">
				<div class="btn_mask"></div>
				<img src="images/btn_scfxxy.png"/>
			</div>
			<!--遮罩-->
			<div class="mask hid yaoqing_mask">
				<div class="mask_content">
					<div class="delete">
						<img src="images/index/close.png" />
					</div>
					<div class="text">
						<p>囍宴摆好了,</p>
						<p>快邀请亲朋好友入席</p>
					</div>
				</div>
			</div>

			<!--js-->
			<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/jquery.transit.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/banquet.js" type="text/javascript" charset="utf-8"></script>
			</script>

		</div>
	</body>

</html>